<template>
	<app-layout>
		<view class="specification">
			<view class="header">规则</view>
			<view class="content">
				<view class="item" v-for="(item, index) in rules" :key="index">
					<view class="top">{{item.title}}</view>
					<view class="bottom">{{item.content}}</view>
				</view>
			</view>
		</view>
	</app-layout>
</template>

<script>
    export default {
        name: 'specification',
	    data() {
            return {
                rules: []
            }
	    },
	    onLoad() {
            this.$request({
	            url: this.$api.pt.index
            }).then(res => {
                if (res.code === 0) {
                    this.rules = res.data.setting.rules;
                }
            })
	    }
    }
</script>

<style scoped lang="scss">
	.specification {
		padding: #{40rpx};
		box-sizing: border-box;
		.item {
			width: 100%;
			padding: #{20rpx 20rpx};
			box-sizing: border-box;
		}
	}
</style>